<template>
    <div class="all">
        <div class="shang">
            <div class="first">INTERNET DESIGN</div> 
            <router-link active-class="active" to="/concer">
                <div>关于我们</div>
            </router-link>
            <router-link active-class="active" to="/news">
                <div>新闻咨询</div>
            </router-link>
            <router-link active-class="active" to="/seconde">
                <div>解决案例</div>
            </router-link>
            <router-link active-class="active" to="/contenter">
                <div>服务项目</div>
            </router-link> 
            <router-link active-class="active" to="/Firstye" >
                <div ref="nav">主页</div>
            </router-link>




        </div>
    </div>

  
</template>

<script>

export default {
    name:"NaV",
    components:{

    },


}
</script>

<style scoped>
    div{
        color: rgb(68, 68, 68);
    }
    .shang {
        width: 1200px;

    }

    div,
    .shang div{
        display: inline-block;
        width: 380px;
    }
    .shang div{
        width: auto;
        margin: 60px 30px;
        float: right;
    }
   .shang .first{
        float: left;
    }

    .all{
        text-align: center;
        display: inline-block;
        /* width: 1200px; */
        width: 100%;
        height: auto;
        background-color: rgba(1,1, 1, 0);
        position: absolute;
        z-index:10;


    }
    .smallbox{
        width: 1200px;
        /* height: 400px; */
        text-align: left;
        padding:50px   30px 50px 30px;
        
        
    }

    img{
  width: 100%;
}



</style>